﻿<style>
.rankWrapTable {margin:20px; }
.rankWrapTable td { vertical-align:top;}
.rankTitle {font-size:14px;font-weight:bold;padding:5px 10px; text-align:center; }

div.rankIndex {
font-size:16px;font-weight:bold; font-style:italic;
background: #fff; text-align:right; margin-right:0px;width:50px;
text-shadow: -1px 2px 3px #ffb69a;
}

#rankIndex1, #rankIndex2, #rankIndex3, #rankIndex4, #rankIndex5 { color:orange;font-size:32px;font-weight:bold;  }

.rankColumn {width:100px;}
.rankItem { width:75px;height:75px; text-align:center; font-size:12px; margin:5px auto; padding:5px 0px 0px 0px}
.rankItem img {
    width:48px;
    padding:2px; border:1px #eee solid;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);

}
</style>

<div class="sectionPanel">
<h3 style="margin-bottom:10px; padding-left:10px;"><img src="~img/s/users24.png" /> _{userCharts}</h3>
<div style="border:1px #eee solid; border-radius:5px; ">
<table border="0" class="rankWrapTable">
	<tr>
	    <td>
	        <div class="rankTitle">&nbsp;</div>
			<!-- BEGIN rankIndex --><div class="rankItem rankIndex" id="rankIndex#{rIndex}">#{rIndex}</div><!-- END rankIndex -->
	    </td>
		<td class="rankColumn">
			<div class="rankTitle">_{credit}</div>
			<!-- BEGIN Credit -->
			<div class="rankItem">
				<a href="#{u.Link}"><img src="#{u.Face}" class="avs" /></a><br/>
				<a href="#{u.Link}">#{u.Name}</a>
			</div>
			<!-- END Credit -->
		</td>
		
		<td class="rankColumn">
			<div class="rankTitle">_{visitCount}</div>
			<!-- BEGIN Hits -->
			<div class="rankItem">
				<a href="#{u.Link}"><img src="#{u.Face}" class="avs" /></a><br/>
				<a href="#{u.Link}">#{u.Name}</a>
			</div>
			<!-- END Hits -->
		</td>


		<td class="rankColumn">
			<div class="rankTitle">_{forumPost}</div>
			<!-- BEGIN Posts -->
			<div class="rankItem">
				<a href="#{u.Link}"><img src="#{u.Face}" class="avs" /></a><br/>
				<a href="#{u.Link}">#{u.Name}</a>
			</div>
			<!-- END Posts -->
		</td>
		
		
	</tr>
</table>
</div>
</div>